$(function(){
	/////
//	$("#txt").focus(function(){
//		$("#adv").css("display","none");
//		$(".search").css("border","1px solid #ff6700");
//		$("#txt").css("borderRight","1px solid #ff6700");
//		$("#show").css("display","block");
//		
//			$("#show li").each(function(){
//				$(this).mouseover(function(){
//					$("#show li").each(function(){
//						$(this).css("background","#fff")
//					})
//					$(this).css("background","#c0c0c0");
//				})
//			});
//	});
//	$("#txt").blur(function(){
//		$("#adv").css("display","block");
//		$(".search").css("border","1px solid #e0e0e0");
//		$("#txt").css("borderRight","1px solid #e0e0e0");
//		$("#show").css("display","none");
//	})
//	
//	$(".but").mouseover(function(){
//		$(this).css("background","url(img/butover.jpg) no-repeat");
//	});
//	$(".but").mouseout(function(){
//		$(this).css("background","url(img/search.jpg) no-repeat 17px 15px");
//	});
//	$("#nav1").mouseover(function(){
//		$("#hove").stop().slideDown(1000);									
//	});
//	
//	$("#nav1").mouseout(function(){
//		$("#hove").css("display","none");									
//	});
//	
//		、、、、、、、、、、、、、、、、、、、、、搜索框
		var
			oSeachBox	  = $('#search'),
			oSeachContent = $('#txt'),
			oSeachNotice  = $('#adv'),
			oSearchList   = $('#show'),
			iSearchIndex  = -1,
			sOriHtml 	  = oSearchList.html();
		oSeachContent.focus(function () {
			oSeachBox.addClass('active1');
			oSeachNotice.fadeOut('fast');
			oSearchList.css('display', 'block');
		}).blur(function () {
			oSeachBox.removeClass('active1');
			oSeachNotice.fadeIn('fast');
			oSearchList.css('display', 'none');
		}).keyup(function (ev) {
			var
				ev = ev || window.event,
				aLi = $('#show li');
			if(ev.keyCode === 38 || ev.keyCode === 40) {
				if(ev.keyCode === 38 && iSearchIndex > 0) {
					iSearchIndex--;
				} else if(ev.keyCode === 40 && iSearchIndex < aLi.length - 1) {
					iSearchIndex++;
				}
				oSeachContent.val(aLi.removeClass('active').eq(iSearchIndex).addClass('active').data('key'));
			}
		}).bind('input propertychange', function () {
			var sSearchCon = $(this).val();
			if(sSearchCon) {
				$.ajax({
					url: 'http://search.mi.com/search/expand',
					data: {keyword: sSearchCon},
					jsonp: 'jsonpcallback',
					//jsonpCallback: 'xmsearch',
					dataType: 'jsonp',
					success: function (data) {
						var sHtml = '';
						data.forEach(function (v) {
							sHtml += '<li data-key="' + v.Key + '"><a href="javascript:;">' + v.Key + '</a><span>约有' + v.Rst + '件</span></li>';
						});
						if(sHtml) {
							oSearchList.css('display', 'block').html(sHtml);
						} else {
							oSearchList.css('display', 'none');
						}
						iSearchIndex = -1;
					}
				});
			} else {
				oSearchList.html(sOriHtml);
				iSearchIndex = -1;
			}
		});




















//	//////////////////////////////
//		$("#nav1 li:lt(7)").mouseover(function(){
//			var a = $(this).index();
//			$(".divbg").each(function(i){
//				if(i==a){
//					$(this).slideDown(1000,function(){
//						$(this).stop(true);			
//					});
//				}
//				else{
//					$(this).css("display","none");	
//
//				}	
//			})
//					
//		})
//		$("#nav1 li:lt(7)").mouseout(function(){
//			$(".divbg").each(function(i){
//				$(this).slideUp(1000,function(){
//					$(this).stop(true);
//				});	
//			})	
//			
//		})
//		$(".divbg").mouseover(function(){
//			$(this).stop(true,true);
//			$(this).css("display","block");	
//		})
//		$(".divbg").mouseout(function(){
//			$(this).slideUp(1000,function(){
//					$(this).stop(true);
//				});	
//		});
		/////////////////////////////////tab导航
		
			var
			oNavTime = null, 
			oShowNav = $('#hove');
		$('#nav2').mouseenter(function () {
			clearInterval(oNavTime);
			oShowNav.css({display:'block'}).stop().animate({
							height: 234,
						}, 500);
		}).mouseleave(function () {
			oNavTime = setTimeout( function () {
				oShowNav.stop().animate({
					height:0
				}, 500, function () {
					oShowNav.css('display', 'none');
				});
			}, 50);
		});
		$('#nav1 a:lt(7)').mouseover(function () {
			var iIndex = $(this).index();
			//console.log(iIndex);
			$('.divbg').css('display', 'none').eq(iIndex).css('display', 'block');
		});

		$(".divbg").mouseenter(function () {
			clearInterval(oNavTime);
		}).mouseleave(function () {
			oNavTime = setTimeout( function () {
				oShowNav.stop().animate({
					height:0
				}, 500, function () {
					oShowNav.css('display', 'none');
				});
			}, 50);
		});

		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		////////////////////////////////
		$("#last").mouseover(function(){
			$("#last a").css({background:"#fff",color:"#ff6700"});
			$("#message").slideDown(500,function(){
				$("#message").stop(true);
			});
			
		}).mouseout(function(){
			$("#last a").css({background:"#333333",color:"#b0b0b0"});
			$("#message").slideUp(500,function(){
				$("#message").stop(true);
			});
			
		});
		$("#message").mouseover(function(){
			$("#last a").css({background:"#fff",color:"#ff6700"});
			$("#message").stop(true);
		}).mouseout(function(){
			$("#message").slideUp(1000,function(){
				$("#last a").css({background:"#333333",color:"#b0b0b0"});
				$("#message").stop(true);
			});
			
		});
		
	//});
	/////////////////////////////////
	$(".shop li").mouseover(function(){
		$(".shop li").each(function(){
			$(this).css("background","none");
		});
		$(this).css("background","#ff6700");
			var a = $(this).index();
			$(".shop1").each(function(i){
				if(i==a){
					$(this).css("display","block");
				}
				else{
					$(this).css("display","none");	

				}	
			})
					
		})
		$(".shop li").mouseout(function(){
			$(this).css("background","none");
			$(".shop1").each(function(i){
				$(this).css("display","none");	
			})			
		});
/////////////////////////////////////////
	$(".shop1").mouseover(function(){
		var b = $(this).index(".shop1");
			$(".shop1").each(function(){
				$(this).css("background","none");
			});	
			$(this).css("display","block");	
			
			$(".shop li").each(function(i){
				if(i==b){
					$(this).css("background","#ff6700");
				}
				else{
					$(this).css("background","none");	

				}	
			})
			
	}).mouseout(function(){
			$(this).css("display","none");
			$(".shop li").css("background","none");	
		});
//////////////////////////////////////////
	$(".shop1 span").mouseover(function(){
			$(".shop1 span").each(function(){
				$(this).css({background:"#fff",color:"#ff6700"});
			});
			
			$(this).css({background:"#ff6700",color:"#fff"});
			
	}).mouseout(function(){
			$(this).css({background:"#fff",color:"#ff6700"});
			
		});
////////////////////////////////////////////

//		$("#txt").keyup(function(){
//			var val = $("#txt").val();
//			console.log(val);
//			$("head").append("<script src='http://search.mi.com/search/expand?keyword="+val+"&jsonpcallback=xmsearch'></script>");
//			$("script:last").remove();
//		})

		//////////////////////////////banner
//	var i=1;
//	var m= $(".banner li").length;
//	
//	var timer=setInterval(move,2000);
//		function move(){
//		clearInterval(timer);
//		for(var k=0;k<m;k++){
//			$(".banner li").eq(k).hide();
//			$(".banner li").eq(k).stop();
//		}
//					
//		$(".banner li").eq(i).fadeIn(500);
//			i++;
//			if(i>=m){
//				i=0;
//			}
//			timer=setInterval(move,3000);
//		}
//、、、、、、、、、、、、、、、、、、、、、、、、、、、、、banner轮播图
			var index =0;
			var alink = $("#alink a");
			var timer = null;
		alink.click(function(){
			index = $(this).index();
			banMove(index);
		})
		
		///向左运动
		$("#pre").click(function(){
			index--;
			if(index<0){
				index = $("#imglist img").length -1;
			};
			banMove(index);
		})
		///向右运动
		$("#next").click(function(){
			index++;
			if(index >=$("#imglist img").length){
				index = 0;
			};
			banMove(index);
		});
		//自由运动
		$("#banner").hover(function(){
			clearInterval(timer);
		},function(){
			automove();
		})
		
		
		
		automove();
		function automove(){
			
			timer = setInterval(function(){
				index ++;
				if(index >=$("#imglist img").length){
					index = 0;
				};
				banMove(index);
			},1000)
		}
		//
		function banMove(){
			alink.removeClass("active").eq(index).addClass("active");;
			$("#imglist img").stop(true).animate({opacity:0},500,function(){
				$(this).css("display","none");
			}).eq(index).css("display","block").stop(true).animate({opacity:1},500);
		}
/////////////////////////////////////////////

})
//function xmsearch(data) {
//				
//	$("#show li").remove();
//	var html = ''
//	  if (data.length > 0) {
//		for (var i = 0; i < data.length; i++) {
//			html += '<li><a href="javascript">' + data[i].Key + '</a><span>约有'+data[i].Rst+'件</span></li>'
//	}
//	//console.log(html);
//	   $("#show").css("display","block");
//	   $("#show").html(html);
//	}else{
//		$("#show").css("display","none");
//	}
//
//	}
